<template>
	<view class="loadView">
		装货填报单
		<scroll-view class="scroll-view" scroll-y="true">
			<view class="item" v-if="item">
				<view class="item_top">
					<view class="item_t_l">运单号</view>
					<view class="item_t_r">{{item.billNo}}</view>
				</view>
				<!-- 内容 -->
				<view class="item_cont">
					<view class="item_cont_i">
						<view class="item_cont_i_l">托运方名称</view>
						<view class="item_cont_i_r">{{item.carriageName}}</view>
					</view>
					<view class="item_cont_i">
						<view class="item_cont_i_l">危险货物名称</view>
						<view class="item_cont_i_r">{{item.dgsName}}</view>
					</view>
					<view class="item_cont_i">
						<view class="item_cont_i_l">重量</view>
						<view class="item_cont_i_r">{{item.loadWeight || '-'}}吨</view>
					</view>
					<view class="item_cont_i">
						<view class="item_cont_i_l">承运车辆</view>
						<view class="item_cont_i_r">{{item.vehCode}}/{{item.trailerVehCode}}</view>
					</view>
					<view class="item_cont_i">
						<view class="item_cont_i_l">驾驶员/押运员</view>
						<view class="item_cont_i_r">{{item.driverName}}/{{item.escortName}}</view>
					</view>
				</view>
				<!-- 操作 -->
				<view class="item_change" @click="goInfo()">装货填报</view>
			</view>
		</scroll-view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msgForm: {
					billNo: '',
				},
				item: null,
			};
		},
		methods: {
			goInfo(row) {
				this.$goBack(`/pages/load-goods/load-query/loadEdit?loadRow=${encodeURIComponent(JSON.stringify({...this.item,changeType:'2'}))}`)
			},
			//查询
			getData() {
				this.$api.getLoadFill(this.msgForm).then(res => {
					console.log(res, '装货填报查询');
					this.item = res.data.data
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
</style>